<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
        <title>章节目录</title>
        <link rel="stylesheet" href="fonts/iconfont.css"/>
        <link rel="stylesheet" href="css/font.css"/>
        <link rel="stylesheet" href="css/weui.min.css"/>
        <link rel="stylesheet" href="css/jquery-weui.min.css"/>
        <link rel="stylesheet" href="css/mui.css"/>
        <link rel="stylesheet" href="css/pages/catemaintm.css"/>
        <script>(function (doc, win) {
          var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
              var clientWidth = docEl.clientWidth;
              if (!clientWidth) return;
              docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
            };

          if (!doc.addEventListener) return;
          win.addEventListener(resizeEvt, recalc, false);
          doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);</script>
    </head>
    <body>
        <header>
            <div class="titlebar reverse">
                <a href="index.html">
                    <i class="iconfont">&#xe63f;</i>
                </a>
				<h1>章节目录</h1>
				<a href="login.html" class="app">
                    <i class="iconfont">&#xe60e;</i>
                </a>
            </div>
        </header>
        <article style="bottom: 54px;">
            <div class="weui_cells weui_cells_access animated fadeInRight">
              <a class="weui_cell" href="stu-index.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><i class="iconfont">&#xe60b;</i><strong>第一章</strong>xxxxxxxxxxxxxx</p>
                </div>
                <div class="iconfont">&#xe642;</div>
              </a>
              <a class="weui_cell" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><i class="iconfont">&#xe60b;</i><strong>第二章</strong>xxxxxxxxxxxxxx</p>

                </div>
                <div class="iconfont">&#xe642;</div>
              </a>
              <a class="weui_cell" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><i class="iconfont">&#xe60b;</i><strong>第三章</strong>xxxxxxxxxxxxxx</p>

                </div>
                <div class="iconfont">&#xe642;</div>
              </a>
             <a class="weui_cell" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><i class="iconfont">&#xe60b;</i><strong>第四章</strong>xxxxxxxxxxxxxx</p>

                </div>
                <div class="iconfont">&#xe642;</div>
              </a>
            <a class="weui_cell" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><i class="iconfont">&#xe60b;</i><strong>第五章</strong>xxxxxxxxxxxxxx</p>

                </div>
                <div class="iconfont">&#xe642;</div>
              </a>
              <a class="weui_cell" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><i class="iconfont">&#xe60b;</i><strong>第六章</strong>xxxxxxxxxxxxxx</p>

                </div>
                <div class="iconfont">&#xe642;</div>
              </a>
              <a class="weui_cell" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><i class="iconfont">&#xe60b;</i><strong>第七章</strong>xxxxxxxxxxx</p>

                </div>
                <div class="iconfont">&#xe642;</div>
              </a>
            </div>
        </article>
        <footer>
        </footer>
    </body>
</html>